.account-container {
	margin: 20px auto 0 auto;
	width: 1284px;
	height: 432px;
	opacity: 1;
	border-radius: 14px;
	background: rgba(28, 28, 35, 1);
	padding-top: 16px;
	box-sizing: content-box;

	.account-container-weapon-info {
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 1252px;
		height: 320px;
		opacity: 1;
		border-radius: 10px;
		background: linear-gradient(180deg, rgba(18, 18, 23, 0.9) 0%, rgba(18, 18, 23, 0.4) 48.75%, rgba(18, 18, 23, 0.9) 100%);

		.account-item-type1 {
			height: 320px;
			text-align: center;
			overflow-y: hidden;

			position: relative;

			.weapon1,
			.weapon2,
			.weapon3 {
				width: 220px;
				height: 138px;
				margin: 0 auto;

				position: absolute;
				left: calc(50% - 110px);
			}

			.weapon1 {
				top: -94px;
			}
			.weapon2 {
				top: 96px;
			}
			.weapon3 {
				top: 286px;
			}

			.weapon1,
			.weapon3 {
				opacity: 0.5;
			}
		}

		.account-item-type1,
		.account-item-type2 {
			flex: 1;
		}

		.account-item-split {
			width: 40px;
			height: 100%;
			background: url('@/static/img/battle/battle-details-vs.png') no-repeat center center;
		}
	}

	.account-container-items {
		margin: 0 auto;
		width: 1252px;
		display: flex;
		justify-content: space-between;
		align-items: center;

		.account-container-item {
			margin: 24px 0;
			display: flex;
			align-items: center;

			.account-item-avatar {
				width: 64px;
				height: 64px;
				object-fit: fill;
				border-radius: 100%;
			}

			.account-item-info {
				display: flex;
				flex-direction: column;
				justify-content: space-around;
				align-items: flex-start;
				margin-left: 16px;

				> div {
					display: flex;
					align-items: center;

					.account-item-name {
						font-size: 20px;
					}

					.account-item-race {
						color: #ff661a;
						font-size: 14px;
						background-color: #ff661a47;
						margin-left: 4px;
						padding: 2px;
					}

					.account-item-balance-icon {
						width: 20px;
						height: 20px;
					}

					.account-item-balance-value {
						font-size: 20px;
						margin-left: 4px;
					}
				}
			}
		}
	}
}
